@charset 'gb2312';

body {
	margin:0px;
	}
 	
/* ID Styles */
	

#padding {
	padding:20px 5px 20px 5px;
	}
	
#weekdays th {
	font:10px arial;
	color: #ffffff;
	letter-spacing:.2em;
	}

#calheader td {
	font-weight:bold;
	}

/* Class Styles */

.logo {  
	font:36px arial;
	color: #000000;
	letter-spacing:.4em;
	font-weight:bold;
	}
.subLogo {  
	color: 12px #000000;
	letter-spacing:.4em;
	font-weight:bold;
	}

.sidebarText {
	font:12px georgia;
	color: #336666;
	line-height:18px;
	}
	
.bodyText {
	font:11px arial;
	line-height:24px;
	color:#333333;
	}
	
.pageName {
	font:20px georgia;
	color: #CC3300;
	letter-spacing:.1em;
	line-height:26px;
	}
	
.subHeader {
	font:14px georgia;
	color: #669999;
	font-weight:bold;
	line-height:20px;
	letter-spacing:.1em;
	}
	
.navText {
	font:10px arial;
	color: #333300;
	letter-spacing:.1em;
	}
	
.calendarText {
	font:11px arial bold;
	line-height:14px;
	color:#333333;
	}

.contactHeader {
	font:14px arial Bold;
	line-height:24px;
	color:#000000
	}
.contactDetail {
	font:12px arial;
	color:#ffffff;
	border-left:1px solid Black;
	}

/*-----------------------CSS Drop Down Menu------------------------------------*/
	
#cssmenu {
  border: none;
  border: 0px;
  margin: 0px auto;
  margin-left: auto;
  margin-right: auto;
  padding: 0px;
  font-family: verdana, geneva, arial, helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #8e8e8e;
  width: auto;
}
#cssmenu > ul {
  margin-top: 6px !important;
  display: table;
  margin: 0 auto;
}
#cssmenu ul {
  background: #a4c2c2 ;
  background: -webkit-linear-gradient(#a4c2c2 0%, #a4c2c2 80%, #a4c2c2 100%);
  background: linear-gradient(#a4c2c2 0%, #a4c2c2 80%, #a4c2c2 100%);
  height: 27px;
  list-style: none;
  margin: 0 auto;
  padding: 0;
}
#cssmenu ul ul {
  border-top: 6px solid #03a68b;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

#cssmenu ul ul a {
  line-height: 27px;
}

#cssmenu ul ul ul {
  left: 100%;
  top: 0;
}

#cssmenu li {
  display: table-cell;
  position: relative;
  width: 11em
}

#cssmenu li {
  float: left;
  padding: 0px 8px 0px 8px;
}
#cssmenu li a {
  color: #666666;
  display: block;
  font-weight: bold;
  line-height: 30px;
  padding: 0px 25px;
  text-align: left;
  text-decoration: none;
}

#cssmenu li a:hover {
  color: #000000;
  text-align: left;
  text-decoration: none;
}
#cssmenu li ul {
  background: #e0e0e0;
  border-left: 2px solid #03a68b;
  border-right: 2px solid #03a68b;
  border-bottom: 2px solid #03a68b;
  display: none;
  height: auto;
  filter: alpha(opacity=95);
  opacity: 0.95;
  position: absolute;
  width: 225px;
  z-index: 200;
  text-align: center;

}

#cssmenu li:hover > ul {
  display: block;
}
#cssmenu li li {
  display: block;
  float: left;
  padding: 0px;
  position: relative;
  width: 225px;
}
#cssmenu li ul a {
  display: block;
  font-size: 12px;
  font-style: normal;
  padding: 0px 10px 0px 15px;
  text-align: left;
}
#cssmenu li ul a:hover {
  background: #949494;
  color: #000000;
  opacity: 1.0;
  filter: alpha(opacity=100);
}
#cssmenu p {
  clear: left;
}
#cssmenu .active > a {
  background: #03a68b;
  -webkit-box-shadow: 0 -4px 0 #03a68b, 0 -5px 0 #1cb69c, 0 -6px 0 #03a68b;
  -moz-box-shadow: 0 -4px 0 #03a68b, 0 -5px 0 #1cb69c, 0 -6px 0 #03a68b;
  box-shadow: 0 -4px 0 #03a68b, 0 -5px 0 #1cb69c, 0 -6px 0 #03a68b;
  color: #ffffff;
}
#cssmenu .active > a:hover {
  color: white;
}